<template>
    <div id="discount_view">

        <div class="discount_view_mask" @tap="close_discount_view"></div>

      <!-- 优惠券 容器 -->

        <div class="discount_box">
          <div class="title">优惠券</div>
          <div class="discount_list">

            <div class="discount_item geted" v-for="(i,k) in [1,2]">
              <div class="price ">
                <span class="price_tag">￥</span>
                <span class="price_num">10</span>
              </div>

              <div class="price_text">优惠券</div>
              <div class="des_text">满100减99</div>
              <div class="des_date">2018.09.01-2018.09.30</div>

            </div>
          </div>
        </div>



    </div>
</template>
<script>

export default {
    name:'discount_view',
  data(){
      return {
        show_discount_box:true,

      }
  },
  methods:{
    close_discount_view(){
      this.$store.commit("open_discount_view",false)
    }
  }
}
</script>
<style lang="less" scoped>
@import "../../../../static/pxvalue.less";
.ptsp_users{
    background-color: #fff;
    line-height: @p80;
    padding: 0 @p30;
}
.discount_view_mask{
  background-color: rgba(0,0,0,0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}
#discount_view{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: #1cb5fc;*/
  z-index: 10009;
}

</style>

